<template>
    <div class="main">
        <div class="cover_c">
            <div class="cover"><img src="https://xxx.oss.com/dxdh/%E8%92%99%E7%89%88%E7%BB%84%201.png" alt="" style="width:100%;height:100%"></div>
        </div>
        <div class="content">
            <div class="title">问题反馈</div>
            <div id="textarea">
                <el-input
                    type="textarea"
                    placeholder="请输入内容"
                    v-model="textarea"
                    maxlength="1500"
                    show-word-limit
                    :rows="18"
                >
                </el-input>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            textarea:""
        }
    }
}
</script>
<style scoped>
.main{
    min-height: 900px;
    width: 100%;
    /* position: relative; */
}
.cover{
    position: absolute;
    top: -110px;
    z-index: 0;
    width: 1908px;
    height: 276px;
    /* text-align: center; */
    left: 50%;
    margin-left: -960px; 
    overflow: hidden;
}
.cover_c{
    position: relative;
    width: 100%;
}
.content{
    width: 1440px;
    height: 700px;
    background-color: #fff;
    z-index: 1;
    position: relative;
    margin: 0 auto;
    top: 80px;
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}
.title{
    font-family: Noto Sans SC;
    font-size: 36px;
    text-align: left;
    width: 100%;
    /* margin-left: 20px; */
    margin-top:20px;
    margin-bottom:50px
}
#textarea>>>.el-textarea__inner{
    border:rgba(51, 170, 255, 1) 1px solid;
    font-size:18px;
    font-family: Noto Sans SC;
    line-height: 26px;
    color: black;
    border-radius: 10px;
    font-weight: 200;
}
#textarea>>>.el-textarea__inner::-webkit-scrollbar{
    width: 8px;
}
#textarea>>>.el-textarea__inner::-webkit-scrollbar-thumb{
    background-color:rgba(162, 175, 184, 0.3);
    border-radius: 9px;
}
</style>